<template>
  <div class="z-tree">
      <z-tree-item
        v-for="item in data"
        :key="item.label"
        :treeData="item"
      >
      </z-tree-item>
  </div>
</template>

<script>
export default {
  // this name is necessary
  name: 'z-tree',
  props: {
    data: {
      type: Array,
      required: true
    }
  },
  data() {
    return {
      open: false
    }
  },
  computed: {
    // isShowFloder() {
    //   return this.treeData.children && this.treeData.children.length
    // }
  },
  methods: {
    // totle() {
    //   this.isShowFloder && (this.open = !this.open);
    // }
  }
}
</script>
